.details{
  height:110px;
  padding-top:17px;
  padding-left:15px;
  display:inline-block;
   position:relative;
   border-bottom: 1px solid gray;
   width:100%;
}
.det_img{
  width:30%;
}
.details a{
  width:100%;
  display:inline-block;
 height:100%;
}
.details a img{
  height:100px;
  width:100px;
  float:left;
}
.details a .details_add{
  float：left
 font-size:10px;
 color:gray;
 width:65%;
}
.details a .details_add .desc{
  font-size:14px;
   position:absolute;
   line-height:16px;
top:0px;
}
.details a .details_add .desc span{
 color:red;
}
.details a .details_add .price{
  position: absolute;
  bottom:0px;
  width:64%;
}
.details a .details_add .price span{
  position:absolute;
  /*display:block;*/
  right:0px;
}
.mask{
  /*display:none;*/
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-50px;
  margin-left:-130px;
  width:260px;
  height:160px;
}
.arrowl{
  background:#cccccc;
  font-size:30px;
  text-align:center;
  position:absolute;
  left:0px;
  line-height:40px;
  top:40px;
  width:40px;
  height:40px;
  color:white;
}
.arrowr{
   background:#cccccc;
  font-size:20px;
  line-height:40px;
  text-align:center;
  position:absolute;
  right:0px;
  top:40px;
  width:40px;
  height:40px;
  color:white;
}
.imgs{
  width:160px;
  height:160px;
  position:absolute;
  top:0px;
  left:45px;
}
.imgs img{
  position:absolute;
  width:100%;
  height:100%;
}
.zhezhao{
  display:none;
  position:fixed;
  background:black;
  opacity:0.8;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
}

